<template>
	<div class="tmpl">
	<div id="erer">
		这是注册组件
		<br>
		传入的id={{this.$route.params.id}}
		<br>
		传入的name={{this.$route.params.name}}
		<br>


		<input type="text" v-model="data1">
		<br>
		<!-- 私有过滤器使用 -->
		{{data1 | tolowercase | replacestr('v')}}
	</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				data1:''
			}
		}
		,
		// 私有过滤器定义
		filters:{
			tolowercase(input){
				//实现将input字符串转为小写
				return input.toLowerCase() + '-->from personal'
			},
			replacestr(input,p){
				return input.replace(p,'')
			}
		}
	}
</script>

<style>
	#erer{
		border:1px solid red;
		padding:5px;
	}

</style>